<!--
 * @Date: 2020-09-20 19:50:16
 * @LastEditors: 小枫
 * @LastEditTime: 2020-09-20 20:30:49
 * @FilePath: \feng-blog-admin\src\components\MyNav.vue
-->
<template lang="pug">
  .nav
    el-menu.el-menu-vertical-demo(
      background-color='#545c64',
      text-color='#fff',
      active-text-color='#ffd04b',
      default-active="/",
      router,
      )
      el-menu-item(index='/')
        i.el-icon-menu
        span(slot='title') 首页
      el-submenu(index='2')
        template(slot='title')
          i.el-icon-monitor
          span 数据管理
        el-menu-item-group(title='分类管理')
          el-menu-item(index='/createTags') 新建分类
          el-menu-item(index='/manageTags') 管理分类
        el-menu-item-group(title='用户管理')
          el-menu-item(index='/manageUsers') 用户列表
        el-menu-item-group(title='文章管理')
          el-menu-item(index='/manageArticles') 文章列表
      el-menu-item(index='/about')
        i.el-icon-document
        span(slot='title') 关于
      el-menu-item(index='/settings')
        i.el-icon-setting
        span(slot='title') 设置
</template>

<script>
export default {
  data () {
    return {
      // isCollapse: true
    }
  },
  methods: {
  }
}
</script>
}
</script>

<style lang="less" scoped>
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 100vh;
  }
</style>
